import React,{FC, useEffect, useState } from 'react';

//
import EditCanvas from './EditCanvas';
import useLoadQuestionData from '@/hooks/useLoadQuestionData';
//
import styles from './index.module.scss';
import axios from 'axios';
import { useParams } from 'react-router-dom';
import { getQuestionService } from '@/services/question';

const Edit:FC=()=>{

    const {id=''}=useParams()
    
    const { loading } =useLoadQuestionData()


    return (
        <div className={styles.container} style={{border: '2px solid red'}}>
            
            <div className={styles.header}>Header</div>
            <div className={styles['content-wrapper']}>
                <div className={styles.content}>
                    <div className={styles.left}>Left</div>
                    <div className={styles.main}>
                        <div className={styles['canvas-wrapper']}>
                            <EditCanvas loading={loading}/>
                        </div>
                    </div>
                    <div className={styles.right}>Right</div>
                </div>
            </div>
        </div>
    )
}
export default Edit;